<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <meta name="description" content="">提高标题自然排名 -->
    <!--<meta name="keywords" content="">提高描述排名 -->

    <title>品优购无价</title>
    <link rel="shortcut icon" href="favicon.ico" type="images/x-icon" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!--网页头部部分 -->
    <link rel="stylesheet" href="./css/style.css" />
    <!-- 网页内容部分 -->
    <link rel="stylesheet" href="./css/neirong.css" />
  </head>
  <body>
    <!-- 快捷导航栏 -->
    <div class="shortcut">
      <div class="w">
        <div class="shortcut-left">
          <span>品优购欢迎你</span>
          &emsp;
          <a href="#">请登录</a>&emsp;
          <a href="#">免费注册</a>
        </div>
        <div class="shortcut-rigtc">
          <!-- 导航栏右边 -->
          <ul>
            <li><a href="#">我的订单</a></li>
            <li class="link">|</li>
            <li>
              <a href="#">我的品优购</a><span class="icon-cheveron-down"></span>
            </li>
            <li class="link">|</li>
            <li><a href="#">品优购会员</a></li>
            <li class="link">|</li>
            <li><a href="#">企业采购</a></li>
            <li class="link">|</li>
            <li>
              <a href="#">关注品优购</a><span class="icon-cheveron-down"></span>
            </li>
            <li class="link">|</li>
            <li>
              <a href="#">客服服务</a><span class="icon-cheveron-down"></span>
            </li>
            <li class="link">|</li>
            <li>
              <a href="#">网站导航</a><span class="icon-cheveron-down"></span>
            </li>
            <li class="link">|</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 第二板块 -->
    <div class="header w">
      <!-- logo -->
      <div class="logo">
        <h1>
          <a href="#"></a>
        </h1>
      </div>
      <!--搜索 -->
      <div class="soushuo">
        <span>搜索</span>
        <input type="text" />
      </div>

      <div class="soushuok2">
        <img src="images/cart.png" />
        <div class="baba">8</div>
        <span>购物车</span>
        <span class="icon-cheveron-right"> </span>
      </div>

      <div class="soushuo1">
        <span>优惠购首发</span>
        <span>亿元优惠</span>
        <span>9.9团购</span>
        <span>美满99减30</span>
        <span>办公用品</span>
        <span>电脑</span>
        <span>通信</span>
      </div>
    </div>

    <div class="nav">
      <div class="w">
        <div class="sahngp">
          <span>全部商品分类</span>
        </div>
        <div class="daohang">
          <ul>
            <li><a href="#">服装城</a></li>
            <li><a href="#">美妆馆</a></li>
            <li><a href="#">传智超市</a></li>
            <li><a href="#">全球购</a></li>
            <li><a href="#">闪购</a></li>
            <li><a href="#">团购</a></li>
            <li><a href="#">拍卖</a></li>
            <li><a href="#">有趣</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 内容 -->

    <div class="w heigdu">
      <div class="neihe">
        <ul>
          <li>
            <a href="#"> 家用电器</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#">手机、 数码、通信 </a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#">电脑、办公 </a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#">家居、家具、家装、厨具 </a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#">男装、女装、童装、内衣 </a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 个户化妆、清洁用品、宠物</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#">鞋靴、箱包、珠宝、奢侈品 </a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 运动户外、钟表</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 汽车、汽车用品</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 母婴、玩具乐器</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 食品、酒类、生鲜、特产</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 医药保健</a>
            <span class="icon-cheveron-right"> </span>
          </li>
          <li>
            <a href="#"> 图书、音像、电子书</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 彩票、旅行、充值、票务</a>
            <span class="icon-cheveron-right"></span>
          </li>
          <li>
            <a href="#"> 理财、众筹、白条、保险</a>
            <span class="icon-cheveron-right"></span>
          </li>
        </ul>
      </div>
      <div class="neihe1"></div>
      <div class="neihe2">
        <div class="neihe3">
          <span>品优购快报 </span>
          <p class="icon-cheveron-right"></p>
          <p>更多</p>
        </div>
        <div class="neihe4">
          <ul>
            <li>
              <a href="#"> <span>[特惠]</span> 备战开学季 全民半价购数码 </a>
            </li>
            <li>
              <a href="#"><span> [公告] </span>品优稳占家电网购六成份额 </a>
            </li>
            <li>
              <a href="#"><span> [特惠] </span>百元中秋全品类礼券限量 </a>
            </li>
            <li>
              <a href="#"><span> [公告]</span> 上品优生鲜 享阳澄湖大闸蟹 </a>
            </li>
            <li>
              <a href="#"><span> [公告]</span> 上品优生鲜 享阳澄湖大闸蟹 </a>
            </li>
          </ul>
        </div>
        <div class="neihe5">
          <ul class="ul1">
            <li><a href="#" class="li0"></a><span>手机</span></li>
            <li><a href="#" class="li1"></a><span>手机</span></li>
            <li><a href="#" class="li2"></a><span>手机</span></li>
            <li><a href="#" class="li3"></a><span>手机</span></li>
            <li><a href="#" class="li4"></a><span>手机</span></li>
            <li><a href="#" class="li5"></a><span>手机</span></li>
            <li><a href="#" class="li6"></a><span>手机</span></li>
            <li><a href="#" class="li7"></a><span>手机</span></li>
            <li><a href="#" class="li8"></a><span>手机</span></li>
            <li><a href="#" class="li9"></a><span>手机</span></li>
            <li><a href="#" class="li10"></a><span>手机</span></li>
            <li><a href="#" class="li11"></a><span>手机</span></li>
          </ul>
        </div>
        <div class="yu"><img src="./uploads/bargain.png" /></div>
      </div>
    </div>

    <!-- 今日推荐 -->

    <div class="w tuijian">
      <div class="shizhong">
        <img src="./images/clock.png" />
        <p>今日推荐</p>
      </div>
      <div class="xiewanle">
        <div class="xiewanle0">
          <img src="uploads/recom_03.jpg" />
          <img src="uploads/recom_03.jpg" />
          <img src="uploads/recom_03.jpg" />
          <img src="uploads/recom_03.jpg" />
        </div>
      </div>
    </div>

    <!-- 猜你喜欢 -->
    <div class="w cainixihuang">
      <div class="xih">
        <p>猜你喜欢</p>
        <span class="icon-loop2"></span> <span>换一换&emsp;</span>
      </div>
      <div class="yl">
        <ul>
          <li><img src="./images/yl1.jpg" /></li>
          <li><img src="./images/yl2.jpg" /></li>
          <li><img src="./images/yl3.jpg" /></li>
          <li><img src="./images/yl4.jpg" /></li>
          <li><img src="./images/yl5.jpg" /></li>
          <li><img src="./images/yl6.jpg" /></li>
        </ul>
      </div>
    </div>

    <!-- 家用电器 -->
    <div class="w dianqi">
      <div class="dianqi1">
        <h3>家用电器</h3>
        <ul>
          <li>热门</li>
          <li>|</li>
          <li>大家电</li>
          <li>|</li>
          <li>生活电器</li>
          <li>|</li>
          <li>厨房电器</li>
          <li>|</li>
          <li>生活电器</li>
          <li>|</li>
          <li>个护健康</li>
          <li>|</li>
          <li>应季电器</li>
          <li>|</li>
          <li>空气/净水</li>
          <li>|</li>
          <li>新奇特</li>
          <li>|</li>
          <li>高端电器</li>
        </ul>
      </div>
      <div class="dianqi2">
        <div class="wenf">
          <div class="dian2">
            <div class="dian3">节能补贴</div>
            <div class="dian3">4k电视</div>
            <div class="dian3">空气净化器</div>
            <div class="dian3">IH电饭煲</div>
            <div class="dian3">滚筒洗衣机</div>
            <div class="dian3">电热水器</div>
          </div>
          <div class="tup">
            <img src="./uploads/floor-1-1.png" />
          </div>
        </div>
        <div class="shuihu"><img src="./uploads/floor-1-b01.png" /></div>
        <div class="wenf">
          <div class="toan"><img src="./uploads/floor-1-2.png" /></div>
          <div class="toan1"><img src="./uploads/floor-1-3.png" /></div>
        </div>
        <div class="toan2">
          <img src="./uploads/floor-1-4.png" />
        </div>
        <div class="wenf">
          <div class="toan"><img src="./uploads/floor-1-2.png" /></div>
          <div class="toan1"><img src="./uploads/floor-1-3.png" /></div>
        </div>
      </div>
      <div class="dianqi3">
        <ul>
          <li><img src="./uploads/box_ft-1-1.jpg" /></li>
          <li><img src="./uploads/box_ft-1-2.jpg" /></li>
          <li><img src="./uploads/box_ft-1-3.jpg" /></li>
          <li><img src="./uploads/box_ft-1-4.jpg" /></li>
          <li><img src="./uploads/box_ft-1-5.jpg" /></li>
          <li><img src="./uploads/box_ft-1-6.jpg" /></li>
          <li><img src="./uploads/box_ft-1-7.jpg" /></li>
          <li><img src="./uploads/box_ft-1-8.jpg" /></li>
          <li><img src="./uploads/box_ft-1-9.jpg" /></li>
          <li><img src="./uploads/box_ft-1-10.jpg" class="dianqi10" /></li>
        </ul>
      </div>
    </div>

    <!-- 底部 -->

    <!--
    <div class="footer">
  上框 
      <div class="w">
        <div class="footer-head">
          <ul>
            <li>
              <div class="icon0"></div>
              <h4>正品保障</h4>
              <span>正品保障 提供发票</span>
            </li>

            <li>
              <div class="icon1"></div>
              <h4>正品保障</h4>
              <span>正品保障 提供发票</span>
            </li>
            <li>
              <div class="icon2"></div>
              <h4>正品保障</h4>
              <span>正品保障 提供发票</span>
            </li>
            <li>
              <div class="icon3"></div>
              <h4>正品保障</h4>
              <span>正品保障 提供发票</span>
            </li>
            <li>
              <div class="icon4"></div>
              <h4>正品保障</h4>
              <span>正品保障 提供发票</span>
            </li>
          </ul>
        </div>
      中框 
        <div class="footer-body">
          <ul class="hezhi">
            <h2>购物指南</h2>
            <li>购物流程</li>
            <li>会员介绍</li>
            <li>生活旅行/团购</li>
            <li>常见问题</li>
            <li>大家电</li>
            <li>联系客服</li>
          </ul>
          <ul class="hezhi">
            <h2>配送方式</h2>
            <li>上门自提</li>
            <li>211限时达</li>
            <li>配送服务查询</li>
            <li>配送费收取标准</li>
            <li>海外配送</li>
          </ul>
          <ul class="hezhi">
            <h2>支付方式</h2>
            <li>货到付款</li>
            <li>在线支付</li>
            <li>分期付款</li>
            <li>邮局汇款</li>
            <li>公司转账</li>
          </ul>
          <ul class="hezhi">
            <h2>售后服务</h2>
            <li>售后政策</li>
            <li>价格保护</li>
            <li>退款说明</li>
            <li>返修/退还货</li>
            <li>取消订单</li>
          </ul>
          <ul class="hezhi">
            <h2>特色服务</h2>
            <li>夺宝岛</li>
            <li>DIY装机</li>
            <li>延迟服务</li>
            <li>品优购E卡</li>
            <li>品优购通信</li>
          </ul>
          <ul class="hezhi">
            <h2>帮助中心</h2>
            <div class="img1">
              <img src="images/wx_cz.jpg" />
              <img src="images/cart.png" class="span1" />
            </div>

            <li>品优购客户端</li>
          </ul>
        </div>
        下框 
        <div class="footer-bottom">
          <div class="xiao">
            <ul>
              <li>关于我们</li>
              <li>|</li>
              <li>联系我们</li>
              <li>|</li>
              <li>联系客服</li>
              <li>|</li>
              <li>商家入驻</li>
              <li>|</li>
              <li>营销中心</li>
              <li>|</li>
              <li>手机品优购</li>
              <li>|</li>
              <li>友情链接</li>
              <li>|</li>
              <li>销售联盟</li>
              <li>|</li>
              <li>品优购社区</li>
              <li>|</li>
              <li>品优购公益</li>
              <li>|</li>
              <li>English Site</li>
              <li>|</li>
              <li>Contact U</li>
              <li>|</li>
            </ul>
          </div>
          <p>
            地址：北京市昌平区建材城西路金燕龙办公室一层 邮编：10086
            电话：400-618-4000 传真：010-82935100
            邮箱：zhanghj+itcast.cn京ICP备08001421号京<br />公网备110108007702
          </p>
        </div>
      </div>
    </div>
  --></body>
</html>
